$(function() {
    //获取用户信息
    getUserInfo();

    function getUserInfo() {
        $.ajax({
            type: 'get',
            url: '/my/userinfo',
            //设置请求头，携带token
            headers: {
                Authorization: localStorage.getItem('token')
            },
            success: function(res) {
                // console.log(res)
                // 判断
                if (res.status !== 0) {
                    return layui.layer.msg(res.message);
                }
                // 渲染用户的信息到页面（渲染它的头像和欢迎语）
                renderAvatar(res.data);
            }
        })
    }
    // 渲染用户的头像
    function renderAvatar(info) {
        console.log(info)
            // 1-渲染欢迎语
            // 判断是否有nickname，如果有就用，没有就用username
        var name = info.nickname || info.username;
        // 渲染欢迎语
        $('#welcome').html('欢迎 ' + name);
        // 2-渲染头像
        // 判断user_pic是否有值
        if (info.user_pic) {
            // 有值，有图片头像，渲染图片头像，文字头像隐藏
            // 设置img的src
            $('.layui-nav-img').prop('src', info.user_pic);
            // 隐藏文字头像
            $('.text-avatar').hide();
        } else {
            // 没有值，没有图片头像，渲染文字头像，图片头像隐藏
            // 隐藏图片头像
            $('.layui-nav-img').hide();
            // 设置文字头像的内容（span，显示第1个字符）
            var first = name.substr(0, 1).toUpperCase();
            $('.text-avatar').html(first);
        }

    }

    //退出登录
    $('#logout').on('click', function() {
        // console.log('123')
        // 询问
        layui.layer.confirm('您确定要退出吗？', { icon: 3, title: '提示' }, function(index) {

            localStorage.removeItem('token');
            // 跳转到登录页
            location.href = '/login.html';

            layer.close(index);
        });
    })
})